<%@page pageEncoding="UTF-8" %>
<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
    <title>数据融合平台V1.0</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
    <link rel="stylesheet" href="<%=request.getContextPath()%>/static/css/font.css">
	<link rel="stylesheet" href="<%=request.getContextPath()%>/static/css/xadmin.css">
    <script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
    <script type="text/javascript" src="<%=request.getContextPath()%>/static/lib/layui/layui.js" charset="utf-8"></script>
    <script type="text/javascript" src="<%=request.getContextPath()%>/static/js/xadmin.js"></script>
    <style type="text/css">
      .tex{
        width: 30%;
      }
      .tj{
        width: 60%;
        margin-left: 20px;
        float: left;
      }
      .box{
        float: left;
        margin-right: 18px;
      }
    </style>
  </head>
  
  <body>
    <div class="x-body">
        <form class="layui-form">
          <div class="layui-form-item">
              <label for="phone" class="layui-form-label">
                  创建人
              </label>
              <div class="layui-input-inline">
                  <input type="text" id="phone" name="phone" required="" lay-verify="phone"
                  autocomplete="off" class="layui-input">
              </div>
          </div>
          <div class="layui-form-item">
              <label for="username" class="layui-form-label">
                  规则名
              </label>
              <div class="layui-input-inline">
                  <input type="text" id="username" name="username" required="" lay-verify="required"
                  autocomplete="off" class="layui-input">
              </div>
          </div>
          <div class="layui-form-item">
              <label for="L_email" class="layui-form-label">
                  规则类型
              </label>
              <div class="layui-input-inline">
                <select name="province" lay-filter="province">
                  <option value="">规则类型</option>
                  <option value="">肺活量</option>
                </select>
              </div>
          </div>
          <div class="layui-form-item">
              <label for="L_pass" class="layui-form-label">
                  规则始值
              </label>
              <div class="layui-input-inline">
                  <input type="password" id="L_pass" name="pass" required="" lay-verify="pass"
                  autocomplete="off" class="layui-input">
              </div>
          </div>
          <div class="layui-form-item">
              <label for="L_repass" class="layui-form-label">
                  规则终值
              </label>
              <div class="layui-input-inline">
                  <input type="password" id="L_repass" name="repass" required="" lay-verify="repass"
                  autocomplete="off" class="layui-input">
              </div>
          </div>
          <div class="layui-form-item">
              <label for="L_repass" class="layui-form-label">
                  规则描述
              </label>
              <div class="layui-input-block tex">
                <textarea placeholder="请输入内容" id="desc" name="desc" class="layui-textarea"></textarea>
              </div>
          </div>
              <label for="L_repass" class="layui-form-label">
                  不推荐项目:
              </label>
          <div class="layui-form-item">
              <div class="tj">
                <div class="box">
                  <input type="checkbox" name="" value="">篮球
                </div>
                <div class="box">
                  <input type="checkbox" name="" value="">篮球
                </div>                
                <div class="box">
                  <input type="checkbox" name="" value="">篮球
                </div> 
                <div class="box">
                  <input type="checkbox" name="" value="">篮球
                </div> 
                <div class="box">
                  <input type="checkbox" name="" value="">篮球
                </div> 
                <div class="box">
                  <input type="checkbox" name="" value="">篮球
                </div> 
                <div class="box">
                  <input type="checkbox" name="" value="">篮球
                </div> 
                <div class="box">
                  <input type="checkbox" name="" value="">篮球
                </div> 
                <div class="box">
                  <input type="checkbox" name="" value="">篮球
                </div> 
                <div class="box">
                  <input type="checkbox" name="" value="">篮球
                </div> 
                <div class="box">
                  <input type="checkbox" name="" value="">篮球
                </div> 
                <div class="box">
                  <input type="checkbox" name="" value="">篮球
                </div> 
                <div class="box">
                  <input type="checkbox" name="" value="">篮球
                </div> 
                <div class="box">
                  <input type="checkbox" name="" value="">篮球
                </div> 
                <div class="box">
                  <input type="checkbox" name="" value="">篮球
                </div> 
                <div class="box">
                  <input type="checkbox" name="" value="">篮球
                </div> 
                <div class="box">
                  <input type="checkbox" name="" value="">篮球
                </div> 
                <div class="box">
                  <input type="checkbox" name="" value="">篮球
                </div> 
                <div class="box">
                  <input type="checkbox" name="" value="">篮球
                </div> 
                <div class="box">
                  <input type="checkbox" name="" value="">篮球
                </div> 
              </div>
                
          </div>
          <div class="layui-form-item">
              <label for="L_repass" class="layui-form-label">
              </label>
              <button  class="layui-btn" lay-filter="add" lay-submit="">
                  增加
              </button>
          </div>
      </form>
    </div>
    <script>
        layui.use(['form','layer'], function(){
            $ = layui.jquery;
          var form = layui.form
          ,layer = layui.layer;
        
          //自定义验证规则
          form.verify({
            nikename: function(value){
              if(value.length < 5){
                return '昵称至少得5个字符啊';
              }
            }
            ,pass: [/(.+){6,12}$/, '密码必须6到12位']
            ,repass: function(value){
                if($('#L_pass').val()!=$('#L_repass').val()){
                    return '两次密码不一致';
                }
            }
          });

          //监听提交
          form.on('submit(add)', function(data){
            console.log(data);
            //发异步，把数据提交给php
            layer.alert("增加成功", {icon: 6},function () {
                // 获得frame索引
                var index = parent.layer.getFrameIndex(window.name);
                //关闭当前frame
                parent.layer.close(index);
            });
            return false;
          });
          
          
        });
    </script>
    <script>var _hmt = _hmt || []; (function() {
        var hm = document.createElement("script");
        hm.src = "https://hm.baidu.com/hm.js?b393d153aeb26b46e9431fabaf0f6190";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
      })();</script>
  </body>

</html>